@import "../base/body";
// 公共组件样式定制
@import "../base/mixin";
@import "../base/flower";
$themeColor:#3BA1EB;
body {
    .layui-btn {
        background-color: $themeColor;
    }
    .layui-elem-quote {
        border-left-color: $themeColor;
    }
    .searchBtn {
        input[type='text'] {
            border-color: $themeColor;
            &:focus,
            &:hover {
                border-color: $themeColor !important;
            }
        }
    }
    .layui-form-radio i:hover,
    .layui-form-radioed i {
        color: $themeColor;
    }
    .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: $themeColor;
        color: #fff;
    }
    .layui-form-checked[lay-skin=primary] i {
        border-color: $themeColor;
        background-color: $themeColor;
        color: #fff;
    }
}

//维护列打开的tab页中的公用样式
.alertForm {
    padding: 20px;
    // height: 458px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    .input_h {
        min-height: 32px;
        width: 250px;
        margin-left: 152px;
    }
    .label-h {
        min-height: 0;
        height: 16px;
        line-height: 16px;
        padding-left: 52px;
        margin-bottom: 6px;
        margin-left: 0;
        label {
            color: #999;
        }
    }
    .assign {
        border-top: 4px solid #E7E8EB;
        border-bottom: 1px solid #E7E8EB;
        padding-left: 15px;
        line-height: 30px;
        color: #6C7588;
        font-weight: bold;
    }
    .assForm {
        // padding: 25px 120px;
        .l-boder {
            border: 1px solid #D1D3D7;
            border-left-width: 8px;
            border-left-color: #44C0CD;
            width: 180px;
            min-height: 24px;
            margin-bottom: 0px;
        }
        .input-h {
            min-height: 24px;
            margin-left: 14px;
        }
    }
    .son-div {
        .s-boder {
            width: 180px;
            min-height: 24px;
            margin-bottom: 0px;
            padding-top: 2px;
            padding-left: 30px;
            position: relative;
            &::before {
                content: " ";
                position: absolute;
                width: 1px;
                height: 13px;
                background: #D1D3D7;
                top: 0;
                left: 30px;
            }
            &::after {
                content: " ";
                position: absolute;
                width: 3px;
                height: 3px;
                background: #D1D3D7;
                top: 11px;
                left: 28.5px;
                @include border-radius(50%);
            }
        }
    }
    .layui-form-checkbox {
        height: 16px;
        line-height: 16px;
        padding-right: 14px;
        margin: -4px 4px 0 0;
        i {
            width: 20px;
            font-size: 12px;
            right: -3px;
        }
    }
}

//供应商-编辑&删除界面组件
.panel_bd {
    margin: 18px;
}

.panel_title {
    border-top: 4px solid #E7E8EB;
    border-bottom: 1px solid #E7E8EB;
    padding: 14px 14px 6px 14px;
    color: #6C7588;
}

.panel_cont {
    padding: 22px 74px;
}

.panel_tr {
    @include clearfix;
    .panel_block {
        float: left;
        width: 284px;
        .ipt_tit {
            padding-bottom: 10px;
            color: #B6B9BC;
            vertical-align: middle;
        }
        padding-right: 67px;
    }
}

.ipt-tr {
    display: table;
    >div {
        display: table-cell;
        vertical-align: middle;
        padding-right: 20px;
        &:first-child {
            width: 250px;
        }
    }
}

.ipt_img {
    width: 173px;
    height: 173px;
    padding: 4px;
    @include border-radius(5px);
    border: 1px solid #DDDDDD;
    >img {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #EEEEEE;
    }
}

.panel_control {
    @include clearfix;
    padding: 20px 26%;
    >a {
        width: 70px;
        height: 32px;
        float: left;
        margin-right: 32px;
    }
}